define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {
    var Controller = {
        index: function () {
            var myChart = Echarts.init(document.getElementById('echart'), 'walden');
            var option = {
                title: {text: '', subtext: ''},
                tooltip: {trigger: 'axis'},
                legend: {data: [__('Sales'), __('Orders')]},
                toolbox: {
                    show: false,
                    feature: {magicType: {show: true, type: ['stack', 'tiled']}, saveAsImage: {show: true}}
                },
                xAxis: {type: 'category', boundaryGap: false, data: Orderdata.column},
                yAxis: {},
                grid: [{left: 'left', top: 'top', right: '10', bottom: 30}],
                series: [{
                    name: __('Sales'),
                    type: 'line',
                    smooth: true,
                    areaStyle: {normal: {}},
                    lineStyle: {normal: {width: 1.5}},
                    data: Orderdata.paydata
                }, {
                    name: __('Orders'),
                    type: 'line',
                    smooth: true,
                    areaStyle: {normal: {}},
                    lineStyle: {normal: {width: 1.5}},
                    data: Orderdata.createdata
                }]
            };
            myChart.setOption(option);
            $(window).resize(function () {
                myChart.resize();
            });
            $(document).on("click", ".btn-checkversion", function () {
                top.window.$("[data-toggle=checkupdate]").trigger("click");
            });
            $(document).on("click", ".btn-refresh", function () {
                setTimeout(function () {
                    myChart.resize();
                }, 0);
            });
        }
    };
    return Controller;
});